/* iconfont */

@import url("../iconfont/iconfont.css");

/* å¯¼èˆªæ å­èœå•æ ·å¼ */

.cf-menu {
  padding-left: 40px;
  height: 56px;
  position: relative;
}

.cf-menu img {
  width: 22px;
  height: 22px;
  position: absolute;
  left: 0;
  top: 14px;
}

.cf-menu .title {
  font-size: 16px;
  color: #333;
  padding: 0;
  margin: 0;
  line-height: 1.2;
}

.cf-menu .center-col {
  opacity: 0.6;
  color: #999;
}


/* iotos banneræ ·å¼ */

.cf-banner-left, .cf-banner-right {
  width: 27%;
  position: absolute;
}

.cf-banner-left {
  left: 20%;
  top: 45%
}
.Visualization {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.cf-banner-right {
  right: 20%;
  top: 45%
}
.cf-four-bottom {
  display: flex;
  margin-top: 10%;
  margin-left: 45%;
  text-align: center !important;
  margin-top: 450px;
  /* bottom: 10%; */
  justify-content: center;
  width: 12%;
  height: 30px;
  background-color: #ffffff;
  border-radius: 4px;
  cursor: pointer;
  border: solid 1px #0081ff;
}
.cf-four-bottom-text {
  font-size: 14px;
  font-family: 'PingFang SC';
  color: #0081ff;
  text-align: center;
}
.cf-banner-bottom {
  position: absolute;
  right: 45%;
  text-align: center !important;
  bottom: 14%;
  width: 10%;
	height: 30px;
	background-color: #ffffff;
  border-radius: 4px;
  cursor: pointer;
  border: solid 1px #0081ff;
}
.cf-banner-bottom-text {
  font-size: 14px;
  font-family: 'PingFang SC';
  color: #0081ff;
  text-align: center;
}
.advantage {
  display: flex;
  justify-content: center;
  width: 80%;
  margin-left: 10%;
}
.advantage-half {
  width: 50%;
}
.advantage-top {
  height: 50px;
  width: 100%;
  background-color: #e4e8f1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.advantage-bottom-line {
  width: 100%;
  margin-top: 15px;
  border-bottom: solid 1px #e4e8f1;
}
/* å›¾æ ‡æ ·å¼ */

.cf-icon {
  width: 40%;
  height: 40%;
}

.cf-tips {
  height: 114px;
}

.cf-iconfont {
  color: #fff;
  font-size: 32px;
}


/*  è¶…å‡ºéšè—*/

.cf-news-desc, .cf-news-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.cf-news-title {
  min-height: 46px;
}

.cf-app_screenshots .single-shot img {
  width: 140px;
  height: 240px;
}

.footer-style3 ul li {
  font-size: 12px!important;
}

.cf-shadow-img {
  box-shadow: 0 0 30px 4px rgba(0, 0, 0, 0.28);
}

.page-title-section ul li:after {
  display: none
}

.cf-nav-ul .iconfont {
  color: rgb(15, 179, 252);
  padding-right: 10px;
  font-size: 22px;
  font-weight: 550;
}

.cf-nav-ul li a {
  display: flex;
  align-items: center;
  color: #333;
}

.creative-banner {
  z-index: 0!important;
}

#cf-contact-box {
  position: fixed;
  right: 20px;
  bottom: 82px;
  width: 175px;
  height: 42px;
  color: #fff;
  border-radius: 5px;
  overflow: hidden;
  cursor: pointer;
  z-index: 1000;
}

#cf-contact-box .contact-img {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1000;
}

.project-single-text h5:after {
  display: none;
}

.project-single-text ul li {
  color: rgb(111, 111, 111) !important;
}

.project-single-text img {
  padding: 20px;
  margin-bottom: 30px;
}

.project-single-text h4 {
  padding-top: 40px;
  margin-bottom: 10px;
}

.project-single-text h5 {
  margin-bottom: 10px;
  font-weight: 500;
}
/* ç”Ÿæ€åˆä½œ */
.ecological-Immediately-join {
  width: 230px;
	height: 40px;
  background-color: #0081ff;
  display: flex;
  justify-content: center;
  border-radius: 10px;
  cursor: pointer;
  z-index: 4;
}
.ecological-Immediately-join-text {
  font-family: 'Microsoft YaHei';
  font-size: 12px;
  color: #ffffff;
  line-height: 3;
}